<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="__TMPL__Public/assets/css/style1.css?<php>echo time();</php>"/>
    <script src="__TMPL__Public/assets/js/jquery-3.1.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="__TMPL__Public/assets/js/main.js" type="text/javascript" charset="utf-8"></script>
    <script src="__TMPL__Public/assets/js/lunbo.js" type="text/javascript" charset="utf-8"></script>
    <title>博耳能源</title>
    <meta name ="keywords" content="博耳,光伏发电,太阳能发电,分布式,EPC总承包">
    <meta name ="description" content="博耳能源江苏有限公司是博耳电力（股票代码01685.HK ）控股子公司，拥有电力工程总承包三级资质，致力于经营新能源电力项目的开发、运营和投资管理。博耳能源目前累计装机容量（EPC）300MW，拥有电站资产100MW。">
    <style>
        .news_anli{
            display: none;
        }
        .img_pic img{
            width: 750px;
            height: 134px;
        }
    </style>
</head>
<body>
<div class="contain">
<tc_include file="Public:menu" />
<div class="banner" id="hotBox">
    <div class="pagewrap" id="boxHot">
        <div class="boxHot" >
            <div class="hot">
                <foreach name="banner_list" item="bitem">
                <a href="{$bitem.url}" class="f1_item">
                    <img src="{:sp_get_image_preview_url($bitem['picture'])}" alt="">
                </a>
                </foreach>
            </div>
            <div class="f1_btn">
                <a href="javascript:;" class="active_2"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
            </div>
            <div class="ban-arrow">
                <div class="left"><img src="__TMPL__Public/assets/img/left.png"/></div>
                <div class="right"><img src="__TMPL__Public/assets/img/right.png"/></div>
            </div>
        </div>
    </div>
</div>
<ul class="w1200 list_item">
    <if condition="$language == 1">
        <li><a href="#"><img src="__TMPL__Public/assets/img/anli1.png" alt="" /></a></li>
        <li class="list_item_mid"><a href="#"><img src="__TMPL__Public/assets/img/anli2.png" alt="" /></a></li>
        <li><a href="#"><img src="__TMPL__Public/assets/img/anli3.png" alt="" /></a></li>
    <else/>
        <li><a href="#"><img src="__TMPL__Public/assets/img/anli1_en.png" alt="" /></a></li>
        <li class="list_item_mid"><a href="#"><img src="__TMPL__Public/assets/img/anli2_en.png" alt="" /></a></li>
        <li><a href="#"><img src="__TMPL__Public/assets/img/anli3_en.png" alt="" /></a></li>
    </if>

    <div class="clear"></div>
</ul>
<div class="solutions w1200">
    <div class="solu_tit"><a href="{:U('front/article_detail',array('id'=>$bottom_solution_list[0]['id']))}"><img src="__TMPL__Public/assets/img/solu_tit.png"/></a></div>
    <ul class="solu">
        <foreach name="solution_list" item="sitem">
        <li><a href="{$sitem.url}"><img src="{:sp_get_image_preview_url($sitem['picture'])}" width="100%" height="100%" alt="" /></a></li>
        </foreach>
        <div class="clear"></div>
    </ul>
    <div class="clear"></div>
</div>
<div class="operation w1200">
    <div class="in_tit"><a href="{:U('front/article_detail',array('id'=>$bottom_operate_list[0]['id']))}"><img src="__TMPL__Public/assets/img/in_tit.png?1"/></a></div>
    <div class="classic">
        <div class="c-main">

            <ul class="lunbo">
                <foreach name="bottom_operate_list" item="oitem">
                <li><a href="{:U('front/article_detail',array('id'=>$oitem['id']))}">
                    <img src="{:sp_get_image_preview_url($oitem['picture'])}" width="390" height="220"/>
                    <span>{$oitem.title}</span>
                    <p style="color:black">{$oitem.desc}
                    </p>
                    <div class="sjx"></div>
                    </a>
                </li>
                </foreach>
            </ul>
        </div>
    </div>
    <div class="c-btn">
        <!-- <div class="left"><img src="__TMPL__Public/assets/img/t_l.png" alt=""></div>
        <div class="right"><img src="__TMPL__Public/assets/img/t_r.png" alt=""></div> -->
    </div>
    <div class="clear"></div>
</div>
<div class="news_center">
    <div class="w1200">
        <div class="news_tit">
            <if condition="$language == 1">

                <a href="{:U('front/news_list',array('tid'=>7))}"><img src="__TMPL__Public/assets/img/news_tit.png?1" /></a>
                <else/>
                <a href="{:U('front/news_list',array('tid'=>18))}"><img src="__TMPL__Public/assets/img/news_tit.png?1" /></a>
            </if>

            <ul class="news_list">
                <if condition="$language == 1">
                    <li class="line1"><a href="{:U('front/news_list',array('tid'=>7))}">媒体报道</a></li>
                    <li><a href="{:U('front/news_list',array('tid'=>8))}">行业动态</a></li>
                 <li ><a href="{:U('front/news_list',array('tid'=>9))}">公开资料</a></li>


                <else/>
                    <li class="line1"><a href="{:U('front/news_list',array('tid'=>18))}">Media</a></li>
                    <li><a href="{:U('front/news_list',array('tid'=>19))}">Industry News</a></li>
                <li ><a href="{:U('front/news_list',array('tid'=>20))}">Public Information</a></li>

                </if>
            </ul>
        </div>

        <!--媒体报道  -->
        <div class="news_anli" style="display:block">
            <div class="news_anli_left">
                <div class="img_pic">
                    <a href="{:U('front/article_detail',array('id'=>$home_news_list2[0]['id']))}">
                        <img src="{:sp_get_image_preview_url($home_news_list2[0]['home_picture'])}"/>

                        <span><php>echo $home_news_list2[0]['title']</php></span></a>
                </div>
                <ul class="news_con">
                    <php>for($i = 2;$i<=6;$i++){
                        if(!empty($home_news_list2[$i])){
                    </php>
                    <li><i></i><a href="{:U('front/article_detail',array('id'=>$home_news_list2[$i]['id']))}"><php>echo $home_news_list2[$i]['title']</php></a></li>
                    <php>}}</php>
                    <if condition="$language == 1">
                        <li class="news_more"><a href="{:U('front/news_list',array('tid'=>8))}">更多>></a></li>
                        <else/>
                        <li class="news_more"><a href="{:U('front/news_list',array('tid'=>19))}">more>></a></li>
                    </if>
                </ul>
            </div>
            <div class="news_anli_right">
                <div class="img_pic">
                    <a href="{:U('front/article_detail',array('id'=>$home_news_list2[1]['id']))}">
                        <img src="{:sp_get_image_preview_url($home_news_list2[1]['home_picture'])}"/>

                        <span><php>echo $home_news_list2[1]['title']</php></span> </a>
                </div>
                <ul class="news_con">
                    <php>for($i = 7;$i<=11;$i++){
                        if(!empty($home_news_list2[$i])){
                    </php>
                    <li><i></i><a href="{:U('front/article_detail',array('id'=>$home_news_list2[$i]['id']))}"><php>echo $home_news_list2[$i]['title']</php></a></li>
                    <php>}}</php>
                    <if condition="$language == 1">
                        <li class="news_more"><a href="{:U('front/news_list',array('tid'=>8))}">更多>></a></li>
                        <else/>
                        <li class="news_more"><a href="{:U('front/news_list',array('tid'=>19))}">more>></a></li>
                    </if>
                </ul>
            </div>
        </div>
        <!--行业动态  -->
        <div class="news_anli">
            <div class="news_anli_left">
                <div class="img_pic">
                    <a href="{:U('front/article_detail',array('id'=>$home_news_list3[0]['id']))}">
                        <img src="{:sp_get_image_preview_url($home_news_list3[0]['home_picture'])}"/>

                        <span><php>echo $home_news_list3[0]['title']</php></span>  </a>
                </div>
                <ul class="news_con">
                    <php>
                        for($i = 2;$i<=6;$i++){
                        if(!empty($home_news_list3[$i])){
                    </php>
                    <li><i></i><a href="{:U('front/article_detail',array('id'=>$home_news_list3[$i]['id']))}"><php>echo $home_news_list3[$i]['title']</php></a></li>
                    <php>}}</php>

                    <if condition="$language == 1">
                        <li class="news_more"><a href="{:U('front/news_list',array('tid'=>9))}">更多>></a></li>
                        <else/>
                        <li class="news_more"><a href="{:U('front/news_list',array('tid'=>20))}">more>></a></li>
                    </if>
                </ul>
            </div>
            <div class="news_anli_right">
                <div class="img_pic">
                    <a href="{:U('front/article_detail',array('id'=>$home_news_list3[1]['id']))}">
                        <img src="{:sp_get_image_preview_url($home_news_list3[1]['home_picture'])}"/>

                        <span><php>echo $home_news_list3[1]['title']</php></span> </a>
                </div>
                <ul class="news_con">
                    <php>
                        for($i = 7;$i<=11;$i++){
                        if(!empty($home_news_list3[$i])){
                    </php>

                    <li><i></i><a href="{:U('front/article_detail',array('id'=>$home_news_list3[$i]['id']))}"><php>echo $home_news_list3[$i]['title']</php></a></li>
                    <php>}}</php>
                    <if condition="$language == 1">
                        <li class="news_more"><a href="{:U('front/news_list',array('tid'=>9))}">更多>></a></li>
                        <else/>
                        <li class="news_more"><a href="{:U('front/news_list',array('tid'=>20))}">more>></a></li>
                    </if>
                </ul>
            </div>
        </div>

        <!--最新活动  -->
        <div class="news_anli" >
            <div class="news_anli_left">
                <div class="img_pic">
                    <a href="{:U('front/article_detail',array('id'=>$home_news_list1[0]['id']))}"><img src="{:sp_get_image_preview_url($home_news_list1[0]['home_picture'])}"/>
                    <span><php>echo $home_news_list1[0]['title']</php></span></a>
                </div>
                <ul class="news_con">
                    <php>for($i = 2;$i<=6;$i++){
                        if(!empty($home_news_list1[$i])){
                    </php>
                    <li><i></i><a href="{:U('front/article_detail',array('id'=>$home_news_list1[$i]['id']))}"><php>echo $home_news_list1[$i]['title']</php></a></li>
                    <php>}}</php>

                    <if condition="$language == 1">
                        <li class="news_more"><a href="{:U('front/news_list',array('tid'=>7))}">更多>></a></li>
                        <else/>
                        <li class="news_more"><a href="{:U('front/news_list',array('tid'=>18))}">more>></a></li>
                    </if>
                </ul>
            </div>
            <div class="news_anli_right">
                <div class="img_pic">
                    <a href="{:U('front/article_detail',array('id'=>$home_news_list1[1]['id']))}"><img src="{:sp_get_image_preview_url($home_news_list1[1]['home_picture'])}"/>
                    <span><php>echo $home_news_list1[1]['title']</php></span></a>
                </div>
                <ul class="news_con">
                    <php>for($i = 7;$i<=11;$i++){
                        if(!empty($home_news_list1[$i])){
                    </php>
                    <li><i></i><a href="{:U('front/article_detail',array('id'=>$home_news_list1[$i]['id']))}"><php>echo $home_news_list1[$i]['title']</php></a></li>
                    <php>}}</php>
                    <if condition="$language == 1">
                        <li class="news_more"><a href="{:U('front/news_list',array('tid'=>7))}">更多>></a></li>
                        <else/>
                        <li class="news_more"><a href="{:U('front/news_list',array('tid'=>18))}">more>></a></li>
                    </if>
                </ul>
            </div>
        </div>

    </div>
    <div class="clear"></div>
</div>
<tc_include file="Public:footer" />
</div>
</body>
<script>
//    var news_listLI = document.querySelectorAll('.news_list li')
//    var news_anli = document.querySelectorAll('.news_anli')
//    var L = 0
//    for(let i = 0 ; i <news_anli.length;i++){
//        news_listLI[i].onmouseout = function(){
//            news_listLI[L].className = ''
//            news_listLI[i].className = 'line1'
//            news_anli[L].style.display = 'none'
//            news_anli[i].style.display = 'block'
//            L = i
//        }
//    }
    $(function(){
        $(".news_list li").mouseover(function(){
            $(".news_list li").each(function(){
                $(this).removeClass("line1");
            });
            $(this).addClass("line1");
            var index = $(".news_list li").index(this);
            $(".news_anli").hide();
            $(".news_anli").each(function(){
                console.log($(this).index);
                if(index == $(".news_anli").index(this)){
                    $(this).show();
                }
            });

        });
    });

</script>

</html>
